<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../include/tag.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<title>选择活动</title>
<link rel="stylesheet" href="${ctx}/css/common/list.css">
<link rel="stylesheet" href="${ctx}/css/common/table.css">
<%@include file="../include/commonFile.jsp"%>
<style type="text/css">
	.index-outside >section .section-main{
		min-width: 0px !important;
		max-width: 800px!important;
	}

	.layui-form-radio {
		width: 90% !important;
	}

	.index-outside > section{
		padding-bottom: 0px!important;
	}
</style>
</head><body>
<!--头部-->
<div class="index-outside">
	<!--内容-->
	<section class="no-fix">
		<div class="section-main" style="padding: 15px;">
			<form class="layui-form" action="${ctx}/${requestUrl}" id="myForm" method="post">
				<input type="hidden" name="pageNo" id="pageNo"/>
				<div class="f-search-bar">
					<div class="search-container">
						<ul class="search-form-content">
							<li class="form-item-inline"><label class="search-form-lable">项目名称</label>
								<div class="layui-input-inline">
									<input type="text" name="title" autocomplete="off" class="layui-input" value="${mapSearch.title}" placeholder="请输入查询项目名称" style="width: 200px;">
								</div>
							</li>
							<li class="form-item-inline">
								<div class="sub-btns">
									<a class="layui-btn layui-btn-danger" id="submitBtn">确定</a>
									<a class="layui-btn layui-btn-normal" id="resetBtn">重置</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</form>
			<div class="c-time-list-content" style="padding-top: 0px;">
				<input type="hidden" id="targetId" />
				<input type="hidden" id="targetName" />
				<ul>
					<table class="layui-table layui-form">
						<colgroup>
							<col width="80px">
							<col>
						</colgroup>
						<thead>
							<tr>
								<th></th>
								<th>项目名称</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="map" items="${mapList}">
								<tr>
									<td><input type="radio" name="id" value="${map.targetId}" data-targetName="${map.targetName}" lay-filter="member" title="&nbsp;"></td>
									<td class="ellipsis-1">${map.targetName}</td>
								</tr>
							</c:forEach>
						</tbody>
					</table>
				</ul>
			</div>
			<div id="page_content" class="page-container"></div>
		</div>
	</section>
</div>
<!--底部-->
<%@include file="../include/incScript.jsp" %>
<script type="text/javascript" src="${ctx}/script/common/list.js"></script>
<script type="text/javascript">
	$(function() {
        // 加载分页
        loadPageNew({
            elem: 'page_content',
            totalCount: '${page.totalCount}',
            limit: '${page.limit}',
			page: '${page.page}'
        });
        layui.use([ 'form', 'laypage' ], function() {
            var form = layui.form;
            form.on('radio(member)', function(data){
                $("#targetId").val(data.value);
                $("#targetName").val($(data.elem).attr("data-targetName"));
            });
        });
		$("#submitBtn").click(function() {
			$("#myForm").submit();
		});

		$("#resetBtn").click(function() {
			$("#myForm input[type=text]").val("");
			$("#myForm select").find("option:eq(0)").attr("selected", true);
			$(".check-btn-inner").find("a").removeClass("active");
			$(".check-btn-inner").find("a:eq(0)").addClass("active")
			$(".check-btn-inner [name=timeType]").val("");
		});
	});
	
	function doSubmit(){
		var memberId = $("#memberId").val();
		if(memberId == ""){
            util.layerMsgError("请先选择")
			return false;
		}
		return true;
	}

	function selectActivity(that) {
		var targetId = $(that).attr("data-targetId");
		var targetName = $(that).attr("data-targetName");
		$("#targetId").val(targetId);
		$("#targetName").val(targetName);
    }
</script>
</body>
</html>